<template>
   <div class="container">
      <div class="main">
         <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">工作台</el-breadcrumb-item>
         </el-breadcrumb>
         <h1 style="display: flex;font-size: 40px;padding: 10px;">你好,<User/></h1>
      </div>
      <div class="footer">
         <div class="top">
            <div class="main1" style="width: 100%;height: 200px;"></div>
         </div>
      </div>
   </div>
</template>
  
  <script lang="ts">
  import User from '../../components/User.vue'
import { defineComponent, onMounted } from 'vue'
import * as echarts from 'echarts';
export default defineComponent({
   components:{
      User
   },
   setup() {
      
   }
})

</script>
  
  <style scoped lang="scss">
.container {
   background: #eee;
}

.main {
   width: 100%;
   height: 200px;
   background: #fff;
   padding-left: 20px;
   padding-top: 10px;
}
.top {
   width: 97%;
   height: 340px;
   background: #fff;
   margin: 20px;
}
</style>
  